<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scaleble=no" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./utils/iconfont.css" />
</head>

<body>
    <div class="wrap">
        <header>
            <nav>
                <div class="logo">
                    <img src="./images/LOGO.png" alt="" />
                </div>
                <div class="search">
                    <input type="search" placeholder="请输入商品名称" />
                    <i class="iconfont icon-fangdajing"></i>
                </div>
                <div class="area">
                    <select name="" id="">
                        <option value="">广州</option>
                        <option value="">深圳</option>
                        <option value="">珠海</option>
                        <option value="">汕头</option>
                        <option value="">佛山</option>
                    </select>
                    <i class="iconfont icon-zelvxuanzefeiyongdaosanjiaoxingfandui"></i>
                </div>
            </nav>
        </header>

        <main>
            <div class="banner">
                <div class="banner-box">
                    <div class="box">
                        <img src="./images/home_banner1.png" alt="" />
                    </div>
                    <div class="box">
                        <img src="./images/product_banner.png" alt="" />
                    </div>
                    <div class="box">
                        <img src="./images/product_pd4.png" alt="" />
                    </div>
                </div>
            </div>
            <div class="shop">
                <div class="shop-top">
                    <i class="iconfont icon-haixing"></i><span>优惠团购</span>
                    <span>更多</span><i class="iconfont icon-gengduo"></i>
                </div>
                <div class="shop-main">
                    <img src="./images/tuangou1.png" alt="" />
                    <img src="./images/tuangou2.png" alt="" />
                    <img src="./images/tuangou3.png" alt="" />
                    <img src="./images/tuangou4.png" alt="" />
                </div>
            </div>

            <div class="love">
                <div class="love-top">
                    <i class="iconfont icon-shixin"></i><span>猜你喜欢</span>
                    <span>更多</span><i class="iconfont icon-gengduo"></i>
                </div>
                <a href="./product.html">
                    <div class="love-main">
                    <div class="love-main-box">
                        <div class="love-main-img">
                            <img src="./images/shousi.png" alt="" />
                        </div>

                        <div class="love-main-center">
                            <span>万岁寿司（正佳店）</span>
                            <span>[100店通用]双人套餐</span>
                            <span>￥88888</span>
                        </div>
                        <div class="love-main-right">
                            <span>&lt;100m</span>
                            <span>已售一千</span>
                        </div>
                    </div>
                </div>
                </a>
                <a href="./product.html">
                    <div class="love-main">
                    <div class="love-main-box">
                        <div class="love-main-img">
                            <img src="./images/shousi.png" alt="" />
                        </div>

                        <div class="love-main-center">
                            <span>万岁寿司（正佳店）</span>
                            <span>[100店通用]双人套餐</span>
                            <span>￥88888</span>
                        </div>
                        <div class="love-main-right">
                            <span>&lt;100m</span>
                            <span>已售一千</span>
                        </div>
                    </div>
                </div>
                </a>
                <a href="./product.html">
                    <div class="love-main">
                    <div class="love-main-box">
                        <div class="love-main-img">
                            <img src="./images/shousi.png" alt="" />
                        </div>

                        <div class="love-main-center">
                            <span>万岁寿司（正佳店）</span>
                            <span>[100店通用]双人套餐</span>
                            <span>￥88888</span>
                        </div>
                        <div class="love-main-right">
                            <span>&lt;100m</span>
                            <span>已售一千</span>
                        </div>
                    </div>
                </div>
                </a>
                <a href="./product.html">
                    <div class="love-main">
                    <div class="love-main-box">
                        <div class="love-main-img">
                            <img src="./images/shousi.png" alt="" />
                        </div>

                        <div class="love-main-center">
                            <span>万岁寿司（正佳店）</span>
                            <span>[100店通用]双人套餐</span>
                            <span>￥88888</span>
                        </div>
                        <div class="love-main-right">
                            <span>&lt;100m</span>
                            <span>已售一千</span>
                        </div>
                    </div>
                </div>
                </a>
                <a href="./product.html">
                    <div class="love-main">
                    <div class="love-main-box">
                        <div class="love-main-img">
                            <img src="./images/shousi.png" alt="" />
                        </div>

                        <div class="love-main-center">
                            <span>万岁寿司（正佳店）</span>
                            <span>[100店通用]双人套餐</span>
                            <span>￥88888</span>
                        </div>
                        <div class="love-main-right">
                            <span>&lt;100m</span>
                            <span>已售一千</span>
                        </div>
                    </div>
                </div>
                </a>
                
            </div>
        </main>

        <footer>
            <ul>
                <li><a href="./index.html"><i class="iconfont icon-shouyetianchong"></i>首页</a></li>
                <li><a href="./classify.html"><i class="iconfont icon-fenleiorguangchangorqita"></i>分类</a></li>
                <li><a href="./find.html"><i class="iconfont icon-faxian1"></i>发现</a></li>
                <li><a href="./my.html"><i class="iconfont icon-wode"></i>我的</a></li>
            </ul>
        </footer>
    </div>
</body>

</html>